<template>
    <div>
        <mt-swipe :auto="4000">
             <!-- 在组件中,使用v-for循环的话,一定要使用key -->
             <!-- 将来,谁使用此 轮播图组件,谁为我们传递 lunbotoList -->
             <!-- 此时,lunbotuList 应该是父组件向子组件传值来设置 -->
  <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
    <img :src="item.img"> 
  </mt-swipe-item>
</mt-swipe>
    </div>
</template>
<script>
export default {
    data(){
        return{
            props:["lunbotuList"]
        }
    },
    
}
</script>
<style lang="scss" scoped>
.mint-swipe{
  height:200px;
  .mint-swipe-item{
   &:nth-child(1){
     background-color: red; 
   }
 
    &:nth-child(2){
     background-color: blue;
   }
    &:nth-child(3){
     background-color: yellow;
   }
   img{
    width: 100%;
    height: 100%;
   }
  }
}
</style>
